<template>
<p>提供几个固定的时间点供用户选择</p>
<p>使用 <code>el-time-select</code> 标签，然后通过<code>start</code>、<code>end</code>和<code>step</code>指定起始时间，结束时间和步长。</p>
  <el-time-select
    v-model="value"
    style="width: 240px"
    start="08:30"
    step="00:15"
    end="18:30"
    placeholder="Select time"
  />
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const value = ref('')
</script>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>